<!doctype html>
<html class="no-js" lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta charset="utf-8">
        <!-- 此处为页面标题-->
        <title>亲_起点</title>
        <!-- 禁用屏幕缩放-->
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1, user-scalable=0">
		<!-- 放置favicon。根目录中的ico和apple touch图标-->
		<!-- 初始值设定项-->
        <link rel="stylesheet" href="css/normalize.css">        
        
        <!-- Web字体和Web图标-->
        <link rel="stylesheet" href="css/pageloader.css">
        <link rel="stylesheet" href="css/stylesheet.css">
        <link rel="stylesheet" href="css/stylesheet_1.css">
        <link rel="stylesheet" href="https://cdn.bootcss.com/ionicons/1.5.2/css/ionicons.min.css">
        
        <!-- 供应商CSS样式-->
        <link rel="stylesheet" href="css/foundation.min.css">
        <link rel="stylesheet" href="css/jquery.fullPage.css">
        <link rel="stylesheet" href="css/vegas.min.css">
        
		<!-- 主CSS文件-->
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/main_responsive.css">
        <link rel="stylesheet" href="css/style-font1.css">
        <link href="https://fonts.googleapis.com/css?family=ZCOOL+XiaoWei" rel="stylesheet" type="text/css">
        <script src="js/modernizr-2.7.1.min.js"></script>
		<script src="js/sakura.js"></script>
		<style type="text/css">
			/**普通指针样式**/
			body{cursor:url(css/dorcandy.cur),default;}//默认鼠标效果
			/**链接指针样式**/
			a:hover{cursor:url(css/pointer.cur),pointer;}//链接选择效果
		</style>
    </head>
    <body id="menu" class="alt-bg">
        <!-- 页面加载器-->
        <div class="page-loader" id="page-loader">
            <div>
			<i class="ion ion-loading-d"></i>
			<p>欢迎来到异次元小站~</p>
		</div>
        </div>
        <!-- 站点标题菜单的开始-->       
        <!-- 为材质设计样式添加“material”类-->
		<header class="header-top">
			<div class="logo">
				<a href="#home">
					<img src="images/logo_large.png" alt=“徽标品牌”>
				</a>
			</div>
            <div class="menu clearfix">
                <a href="https://github.com/gzyun"><span style="color:#ffffff;">公子云梦泽</span></a>
            </div>
		</header>
		<!--<header class="header-github">
			<a href="https://github.com/gzyun"><img width="149" height="149" src="images/github.png" class="attachment-full size-full" alt="Fork me on GitHub" data-recalc-dims="1"></a>
		</header>-->
		<!-- 站点标题菜单结束-->
		<!-- 左侧快速导航图标的开始-->
		<nav class="quick-link count-6 nav-left">
			<ul id="qmenu">
				<li data-menuanchor="home">
					<a href="#home">🎪
					</a>
					<span class="title">欢迎页面</span>
				</li>
				<li data-menuanchor="when">
					<a href="#when">🍰
					</a>
					<span class="title">吃蛋糕啦</span>
				</li>
				<li data-menuanchor="register">
					<a href="#register">🌏
					</a>
					<span class="title">站点一览</span>
				</li>
				<li data-menuanchor="about-us">
					<a href="#about-us">👒
					</a>
					<span class="title">聊聊小异</span>
				</li>
				<li data-menuanchor="contact">
					<a href="#contact">📧
					</a>
					<span class="title">联系小异</span>
				</li>
			</ul>
		</nav>
        <!-- 左侧快速导航图标结束-->
        <!-- 站点覆盖开始-->
        <div class="page-cover" id="home">
            <!-- 封面背景-->
            <div class="cover-bg pos-abs full-size bg-img" data-image-src="https://imgs.aixifan.com/live/1495974356790/1495974356790.jpg"></div>
			<!-- 幻灯片背景的开始 -->
            <div class="cover-bg pos-abs full-size slide-show">
				<i class="img" data-src="https://imgs.aixifan.com/live/1495974355466/1495974355466.jpg"></i>
				<i class="img" data-src="https://imgs.aixifan.com/live/1495974500801/1495974500801.jpg"></i>
				<i class="img" data-src="https://imgs.aixifan.com/live/1495974356790/1495974356790.jpg"></i>
				<i class="img" data-src="https://imgs.aixifan.com/live/1495974367777/1495974367777.jpg"></i>
				<i class="img" data-src="https://imgs.aixifan.com/live/1495974498292/1495974498292.jpg"></i>
				<i class="img" data-src="https://imgs.aixifan.com/live/1495974351291/1495974351291.jpg"></i>
				<i class="img" data-src="https://imgs.aixifan.com/live/1495974370919/1495974370919.jpg"></i>
				<i class="img" data-src="https://imgs.aixifan.com/live/1495974462151/1495974462151.jpg"></i>
				<i class="img" data-src="https://imgs.aixifan.com/live/1495974467947/1495974467947.jpg"></i>
			</div>
            <!--幻灯片放映背景结束-->
            <!--静态视频背景结束-->    
            <!-- 作为滤镜或背景的纯色-->
            <div class="cover-bg pos-abs full-size bg-color" data-bgcolor="rgba(51, 2, 48, 0.12)"></div>
        </div>
        <!--站点覆盖结束-->
        <!-- 网站主要内容的开始-->
        <main class="page-main" id="mainpage">             
			<!-- 主页开始-->
			<div class="section page-home page page-cent" id="s-home">
				<!-- 徽标-->
				<div class="logo-container">
					<img class="h-logo" src="images/logo_only.png" alt="Logo">
				</div>
				<!-- 内容-->
				<section class="content">
					<header class="header">
						<div class="h-left">
							<h2 title="点这里访问博客~">
								<a href="https://github.com/gzyun">
									<span style="color:#ffffff;">公子云梦泽</span>
								</a>
							</h2>
						</div>
						<div class="h-right">
							<h4>只要环境配的对<br>什么代码都能会</h4>
							<h4 class="subhead"><a href="#when">公子与二次元</a></h4>
						</div>
					</header>
				</section>
				<!-- 向下滚动按钮-->
                <footer class="p-footer p-scrolldown">
                    <a href="#when">
                        <div class="arrow-d">
							<div class="before">你&nbsp;是&nbsp;否</div>
							<div class="after">在&nbsp;期&nbsp;待&nbsp;着</div>
							<div class="circle"></div>
						</div>
                    </a>                        
                </footer>
			</div>
			<!-- 主页结束-->
            
            <!-- 计时器页面的开始-->
            <div class="section page-when page page-cent" id="s-when">
                <section class="content">
                    <div class="clock clock-countdown">
						<div class="site-config" data-date="7/18/2021 00:00:00" data-date-timezone="+0"></div>
						<header class="header">
							🎂 距离<strong> 公子 </strong>的生日还剩下 🎉
						</header>
                        <div class="elem-left">
                            <div class="digit hours">00</div>
                            <div class="text">时</div>
                        </div>						
                        <div class="elem-center">
							<span class="text top"><img class="img" alt="Logo" src="images/logo_large.png"></span>
                            <div class="digit days">000</div>
                            <div class="text">日</div>
                        </div>
                        <div class=" elem-right">
                            <div class="digit minutes">00</div>
                            <div class="text">分</div>
                        </div>
                    </div>                   
                    
                </section>                
                <footer class="p-footer p-scrolldown">
                    <a href="#register">
                        <div class="arrow-d">
							<div class="before">节&nbsp;日</div>
							<div class="after">快&nbsp;乐</div>
							<div class="circle"></div>
						</div>
                    </a>                        
                </footer>
            </div>
            <!-- 计时器页面结束-->
            
            <!-- 注册页面开始-->
            <div class="section page-register page page-cent " id="s-register">
                <section class="content">
                    <header class="p-title">
                        <h3><span style="color:#FFFFFF;">🍭 公子站点一览</span></h3>
                    </header>
                    <div>
						<article class="text">
                        <p><a href="https://github.com/gzyun" target="_blank"><span style="color:#FFFFFF;">🍉 公子·札记：  小异的博客，每次的新博文都在这里</span></a></p>	
                        <p><a href="https://github.com/gzyun" target="_blank"><span style="color:#FFFFFF;">🍒 公子·友链：  来加上友情链接~</span></a></p>
                        <form id="mail-subscription" class="form magic send_email_form" method="get" action="ajaxserver/serverfile.php">
                            <p class="invite center">点击上方的链接来访问小站吧~</p>
                        </form>
						</article>
					</div>
                </section>
                <footer class="p-footer p-scrolldown">
                    <a href="#about-us">
                        <div class="arrow-d">
							<div class="before">狂&nbsp;拽&nbsp;炫&nbsp;酷&nbsp;的</div>
							<div class="after">公&nbsp;子&nbsp;是&nbsp;男&nbsp;神</div>
							<div class="circle"></div>
						</div>
                    </a>                        
                </footer>
            </div>
            <!-- 注册页结束-->
            <!-- 关于我们页面的开头-->
            <div class="section page-about page page-cent" id="s-about-us">
                <section class="content">
                    <header class="p-title">
                        <h3>🍬 关于公子小站</h3>
						<h2>想与 <span class="bold">公子大人</span> 一起愉快的 <span class="bold">深入♂交流</span> 嘛</h2>
                    </header>
                    <article class="text">
                        <p>&emsp;&emsp;异次元是个好名字，既简单又可爱，当然也很好记就是有些绕口
                            所以来访的朋友称呼我『男神』就可以啦~本男神是不会在意的啦~</p>
                        <p>&emsp;&emsp;	 公子自北都而来，去往南方鱼米之乡。公子最喜欢你啦~
                            当然除了你，本公子是啥都爱吃！但是，唯独不喜欢吃醋和                       
                            黑暗料理，公子最喜欢小说，宅、家里蹲ω</p>
					</article>
					<!-- 聊天样式 -->					
					<!-- 左-->
					<div class="sender">
					  <div>
						<img src="images/爱丽丝.jpg">
					  </div>
					  <div>
						<div class="left_triangle"></div>
						<span><span style="color:#000000;">&nbsp;魔镜魔镜，世界上最帅的人是谁？&nbsp;</span></span>
					  </div>
					</div>
					<!-- 右-->
					<div class="receiver">
					  <div>
						<img src="images/唤灵魅影头像.jpg">
					  </div>
					  <div>
						<div class="right_triangle"></div>
						<span>
							<span style="color:#ffffff;">那当然是<span style="color:#daa520;">男神大人您</span>啦~</span>
							<span style="color:#4C33E5;"></span>
							<br>
						</span>
					  </div>
					</div>
				<!-- 聊天样式over -->
                </section>
                <footer class="p-footer p-scrolldown">
                    <a href="#contact">
                        <div class="arrow-d">
							<div class="before">公&nbsp;子</div>
							<div class="after">的&nbsp;窝</div>
							<div class="circle"></div>
						</div>
                    </a>                        
                </footer>
            </div>
			<!-- 关于我们的页面结束-->
			<!-- 联系人页面的开始-->
            <div class="section page-contact page page-cent" id="s-contact">
				<!-- 联系信息的开头-->
					<section class="content">
						<header class="p-title">
							<h3>💖 联系公子</h3>
						</header>
						<!--页面子分区的开始-->
						<div class="contact">
							<div class="row">
								<div class="medium-6 columns left">
									<ul>
										<li>
											<h4>Email</h4>
											<p><a href="https://wx.mail.qq.com" target="_blank">2873439469@qq.com</a></p>
										</li>
										<li>
											<h4>OQ</h4>
											<p><a href="https://wpa.qq.com/msgrd?v=3&uin=2873439469&site=qq&menu=yes" target="_blank">2873439469</a></p>
										</li>
									</ul>
								</div>
								<div class="medium-6 columns social-links right">
									<ul>

										<!-- 法律公告-->
										<li class="show-for-medium-up">
											<h4>新发现</h4>
											<p><a href="https://github.com/gzyun">GitHub</a></p>
										</li>
										<li class="show-for-medium-up">
											<h4>寻觅踪迹</h4>
											<!-- 社交链接的开始-->
											<div class="socialnet">
												<a href="https://github.com/gzyun"><i class="ion ion-social-facebook"></i></a>
												<a href="https://github.com/gzyun"><i class="ion ion-social-instagram"></i></a>
												<a href="https://github.com/gzyun"><i class="ion ion-social-twitter"></i></a>
												<a href="#"><i class="ion ion-social-pinterest"></i></a>
												<a href="#"><i class="ion ion-social-tumblr"></i></a>
											</div>
											<!-- 社交链接结束-->
										</li>
										<li>
											<p><img src="images/logo_large.png" alt="Logo" class="logo"></p>
											<p class="small">公子 by <strong><a href="https://github.com/gzyun">品牌</a></strong>.版权所有2099年</p>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<!-- 页末小节-->
					</section>
            </div>
           <!-- 联系人页面结束--> 
        </main>
        <!-- 站点结束主要内容此处-->
        <!-- 所有Javascript插件都在这里-->
        <script src="js/jquery-1.11.2.min.js"></script>
		<!-- 所有供应商脚本-->
        <script src="js/all.js"></script>
		<!-- 详细的供应商脚本-->
		<!--下载JS-->
        <script src="js/jquery.downCount.js"></script>
		<!-- 表单脚本-->
        <script src="js/form_script.js"></script>
		<!-- Javascript主文件-->
        <script src="js/main.js"></script>
        <!--<script>
            (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
            function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
            e=o.createElement(i);r=o.getElementsByTagName(i)[0];
            e.src="//www.google-analytics.com/analytics.js";
            r.parentNode.insertBefore(e,r)}(window,document,"script","ga"));
            ga("create","UA-XXXXX-X");ga("send","pageview");
        </script>-->
    </body>
</html>
